<!DOCTYPE html>

<html>
<head>
	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta name="author" content="Patrick CARDONA">
	<title>Cartes de mémorisation</title>
	
	<link rel="stylesheet" type="text/css" href="public/css/zebra_dialog.css" />
	<link rel="stylesheet" type="text/css" href="lib/css/apropos.css" />
 	<link rel="stylesheet" type="text/css" href="css/jfc.css" />
	

	
	
	
	<style>
		body {
			background-color: white;
		}
		
		#boite {
			margin: auto;
			padding-top: 120px;
			width: 500px;
			height: 200px;
			font-size:xx-Large;
			vertical-align:middle;
			text-align: center;
		}
		
		.ombre {
			border-top: thin silver solid;
			border-left: thin silver solid;
			
			-moz-box-shadow: 10px 10px 5px #656565;
			-webkit-box-shadow: 10px 10px 5px #656565;
			-o-box-shadow: 10px 10px 5px #656565;
			box-shadow: 10px 10px 5px #656565;
			filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5);
		}
		
		#appli, #logo, #actions, #titre, #auteur, .carte, #nombre, #retourner{
			text-align: center;
		}
		
		.tableau {
			margin-left: auto;
			margin-right: auto;
			width:640px;
		}
		
		.okko {
			padding: 10px;
		}
		
	</style>
</head>

<body>



<div id="logo"><img title="logomini" src="img/jmemor-mini.png" 
	alt="Logo de JMemor - mini" /></div>

<!-- Si Javascript n'est pas autorisé -->
<noscript>

<h1>Erreur !</h1>
	
<p>Votre navigateur ne prend pas en charge l'exécution de scripts. Veuillez autoriser 
l'exécution de JavaScript ou employer un navigateur adapté.</p>

</noscript>



<div id="appli" style="display:none">

<h1 id="titre">Je mémorise </h1>
<div id="nombre"> cartes à mémoriser</div>



<table class="tableau">
<tr>
<td class="okko">
<a title="Je ne le sais pas encore!" href="#"><img src="img/bad.png" alt="Je ne le sais pas encore!" width="70"></a>
</td>
<td>
<div id="boite">Boîte</div>
</td>
<td class="okko">
<a title="Je le sais déjà!" href="#"><img src="img/ok.png" alt="Je le sais déjà!" width="80" /></a>
</td>
</tr>
<tr>
<td colspan="3" id="retourner"><a title="Retourner la carte" href="#"><img src="img/oeil.png" alt="Retourner la carte" width="104" /></a></td>
</tr>
</table>
<div id="actions">
<a title="Cliquez sur la pile pour commencer." href="#">
<img src="img/deck.png" alt="Pile" width="439" height="200" />
<br />Commencer</a>
</div>
 


<footer>
		© 2012 - Patrick Cardona - <a title="apropos" href="#">JMemor</a> | 
		<a rel="jslicense" title="licence" href="#">Licence</a> | <a href="#" title="auteur">À propos de cette série</a>
</footer>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>

	
	<script src="public/js/zebra_dialog.js"></script>
	<script src="lib/js/lic.js"></script>
	<script src="lib/js/jquery.flip.js"></script>
	<script src="lib/js/apropos.js"></script>
	
	<script src="js/jfc2.js"></script>

</div>
</body>
</html>
